<template>
  <div>
    <el-select v-model="value" filterable placeholder="请选择" @change="ChangeL">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      >
    </el-option>
  </el-select>

  </div>
  
</template>

<script>
export default {
    name:'Select',
    data() {
      return {
        options: [{
          value: 'all',
          label: 'All'
        }, {
          value: 'easy',
          label: 'Easy'
        }, {
          value: 'middle',
          label: 'Middle'
        }, {
          value: 'hard',
          label: 'Hard'
        }],
        value: 'all'
      }
  },
  methods:{
    ChangeL(){
      console.log(this.options)
    }
  }
}
</script>

<style scoped>

</style>